<?php 
	include('../../conexion.php');
	// Realizar una consulta MySQL

	include('../../redireccionar.php');


/** LLENA EL SELECT CON DATOS DE LA TABLA PLAN DE CUENTAS */ 
//$query = "select * from cont_plan_de_cuentas";
$query="SELECT t1.*,t2.*
FROM cont_plan_de_cuentas t1
LEFT JOIN banco t2 ON t2.ban_cod_cuenta_contable = t1.cont_codigo where t1.cont_catogoria='C'";
//$result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
$result = $link->query($query);
echo 'ok php';
$string_plandecuentas='';
while($data=$result->fetch_assoc())
{
  //  echo"<option value='$data[cont_id_cuenta]' data-codigo-cuenta-contable='$data[cont_codigo]' >$data[cont_nombre]</option>";
    
    $string_plandecuentas.="<option value='$data[cont_id_cuenta]' data-codigo-cuenta-contable='$data[cont_codigo]' data-nombre='$data[cont_nombre]' >$data[cont_codigo] | $data[cont_nombre]</option>";
   
    
}
// echo $string_plandecuentas;
  
?>
<html>
<head>
	<title>Dep&oacute;sitos Bancarios</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	
	<!-- Estilos -->
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/animate.min.css"/>
	<link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/jquery.dataTables.css"/>
    <link rel="stylesheet" href="css/formValidation.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.css"/>
    <link rel="stylesheet" href="css/bootstrap-select.min.css"/>
    
    
    <!--<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/css/bootstrap-select.min.css" />-->


<!-- include the core styles -->
<link rel="stylesheet" href="css/alertify.core.css" />
<!-- include a theme, can be included into the core instead of 2 separate files -->
<link rel="stylesheet" href="css/alertify.default.css"  />
   <link rel="stylesheet" href="css/fm.scrollator.jquery.css"/>




	<!-- Scripts-->
    <script src="js/jquery-1.9.1.js"></script>
    
    <!--<script src="js/bootstrap.js"></script> -->
   
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/formValidation.js"></script>
    <script type="text/javascript" src="js/language/es_CL.js"></script>
    <script type="text/javascript" src="js/framework/bootstrap.js"></script>
	<script src="js/bootstrap-select.js"></script>
    <!--<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script>-->
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/bancos.js"></script>
     <script src="js/bootstrap.min.js"></script>
   
    <script src="js/bootbox.min.js"></script>
    
       <script src="js/alertify.min.js"></script>
   <script src="js/alertify.js"></script>
       <script src="js/fm.scrollator.jquery.js"></script>

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>


 <script src="js/dataTables.tableTools.js"></script>
  <script src="js/dataTables.bootstrap.js"></script>

 <!-- -->
    <link rel="stylesheet" href="js/jquery.mCustomScrollbar.css" />
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
      <script src="js/jquery.maskMoney.js" type="text/javascript"></script>

    <!-- -->
<style type="text/css">
#banco_diario .dropdown-toggle{
    
    height:20px;
}
 div.DTTT { margin-bottom: 0.5em; float: right; }
    div.dataTables_wrapper { clear: both; }
#loginForm .selectContainer .form-control-feedback {
    /* Adjust feedback icon position */
    right: -15px;
}

fieldset.group-border {
    border: 1px solid #ddd !important;
    border-radius: 3px;
    padding: 0.4em 1.4em 0.2em 1.4em !important;
    margin: 0 0 1.1em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
              
}
.modal-dialog  {width:85%; 
height: 80%}
/*#NuevoDeposito{max-height:500px; overflow-y: auto;}*/
#banco_diario_filter, #banco_diario_info { display: none; }
/*
legend.group-border {
    width:inherit;
    padding:0 10px; 
    border-bottom:none;
    margin-bottom:0;
}*/

/** PARA HACER EL FORMULARIO MAS PEQUEÑO*/
.input-sm{
    
    height: 22px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-horizontal .control-label{
    padding-top:0px;
      margin-bottom: 0px;
  text-align: right;
}

#banco_diario tbody td{
    
      border-top: 1px solid #dddddd;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left:0px;
  padding-right:0px;
}
#banco_diario tbody td .bootstrap-select{
    
     
  padding-top: 0px;

}
.dropdown-toggle{
    height:25px;
      padding-top: 0px;
  padding-bottom: 0px;
}

.bootstrap-select.btn-group .dropdown-menu{
   /*   max-height: 170px;*/
 /* overflow-y: auto;*/
/*  min-height: 62px;*/
    
}

.modal-header{
      padding-top: 5px;
  padding-bottom: 2px;
}
.area_pantalla{
        overflow-x:hidden;
    }
</style>
    
    
</head>
<body>
	<section class="container-fluid cabecera" style="z-index: 1;">
	<?php require('../../menu_principal.php'); ?>
	</section>
		<section class="container-fluid cabecera_oculta"></section>
		<section class="container contenido_cuentas">
<?php 
/** Para obtener el siguiente Código de Banco */
$query4 = "select * from deposito_bancario ORDER BY dep_numdeposito DESC LIMIT 1";
//$result2 = mysql_query($query2) or die('Consulta fallida: ' . mysql_error());
$result4 = $link->query($query4);  
while($data=$result4->fetch_assoc()){
        $codigo_ultimo_dep=$data['dep_numdeposito'];
       
        $cod=$codigo_ultimo_dep+1;
 
    }
$num_results = $result4->num_rows; 
    if ($num_results <1){ 
        $cod=1;
    }
?>	
       	<h4 class="titulo_ventana">Dep&oacute;sitos Bancarios</h4>



        <div class="area_pantalla">
			<button  title="Agregar Banco" type="button" class="btn btn-primary" data-id='nuevo1' data-toggle="modal" id="modal_agregar"><i class='icon-plus icon-white'></i></button>
	
        <table  id="example" class="display" cellspacing="0" width="100%">
			<thead>
            	<tr>
		
                    <th >Dep</th>
					<th >Fecha</th>
                    <th>Banco</th>
                    <th >Cod Banco</th>
                    <th ># Cta </th>
                    <th >Tipo</th>
                    <th >Descripci&oacute;n</th>
                    			<th>&nbsp;</th>
				</tr>
                </thead>
                <tbody>
<?php
//$sql="SELECT * from banco";
$sql="SELECT b.*,c.*,d.* from deposito_bancario d INNER JOIN banco b ON b.ban_cod_cuenta_contable=d.dep_bancoid
INNER JOIN cliente c ON c.id=d.dep_clienteid";
//$sql="SELECT * from banco ";
//$res = mysql_query($sql) or die('Consulta fallida: ' . mysql_error());
$res = $link->query($sql);
while($data=$res->fetch_assoc())
{
    $codigo=$data["dep_id"];
    $act_delete = ' <a title="Eliminar" class="btn btn-danger" href="#" onclick=""><i class="icon-trash icon-white"></i></a>';
   /* $act_update = " <button  class='btn btn-info btn_update' data-cod='$data[ban_codigo]'data-nom='$data[ban_nombre]'"
            . "data-numcuenta='$data[ban_numero_cuenta]' data-tipo='$data[ban_tipo]' data-nombrebanco='$data[cont_id_cuenta]'"
            . "data-codcuecontable='$data[ban_cod_cuenta_contable]'><i class='icon-edit icon-white'></i></button>";*/
    echo"
    <tr id='row_$codigo'>
    
    <td>$data[dep_numdeposito]</td>
    <td>$data[dep_fecha]</td>
    <td>$data[ban_nombre]</td>
    <td>$data[ban_codigo]</td>
    <td>$data[ban_numero_cuenta]</td>
    <td>$data[ban_tipo]</td>
    <td>$data[dep_descripcion]</td>
        <td style='white-space:nowrap'> $act_delete</td>
    </tr>
    ";
 }
 echo"</tbody>
        </table>
     ";
?>	
                </tbody>
		</table>
		</div>
<!---------------------------------------------------- MODAL ------------------------------------------------------>                
                <!-- COMIENZA EL FORM -->
                <form id="NuevoDeposito" name="NuevoDeposito" method="post" class="form-horizontal" style="display: none;">
                   <input  type="hidden" id="proceso" name="proceso" value="ingresar_deposito" />
             <input  type="hidden" id="filas_diario" name="filas_diario"  />
             
              <!-- INPUT DEPOSITO BANCARIO Y FECHA-->
                     <div class="form-group box_banco " >
                     <div class="rowContainer">
                         <label class="col-xs-2 control-label" style="margin-left:-30px;">Dep # </label>
                        <div class="col-xs-2">
                            <input data-fv-row=".rowContainer"  type="text" class="form-control input-sm" name="numero_deposito" id="numero_deposito" value="<?php echo $cod; ?>" style="width: 30%;" readonly="" />
                        </div>
                     </div>
                        
                     <div class="rowContainer">
        <label class="col-xs-3 control-label" style="margin-left:-75px;">Fecha</label>
        <div class="col-xs-3">
            <input data-fv-row=".rowContainer" type="text" class="form-control input-sm" name="fecha" id="fecha" />
        </div>
        </div>
    </div>
    
    
    

  
    <!-- INPUT NOMBRE BANCO Y CODIGO BANCO-->
                   <div class="form-group box_banco">
                     <div class="rowContainer">
                        <label class="col-xs-1 control-label">Banco</label>
                        <div class="col-xs-3">
                                     <select data-fv-row=".rowContainer" name="nombre_banco" id="nombre_banco" class="selectpicker form-control input-sm" data-live-search="true" data-width="200px">
                        <option value=" " >Seleccione una Opci&oacute;n</option>
<?php
/** LLENA EL SELECT CON DATOS DE LA TABLA PLAN DE CUENTAS */ 
$query="SELECT b.*,c.* from banco b INNER JOIN cont_plan_de_cuentas c ON c.cont_codigo=b.ban_cod_cuenta_contable";
$result = $link->query($query);

while($data=$result->fetch_assoc())
{
   
        echo"<option value='$data[ban_cod_cuenta_contable]' data-codigo-banco='$data[ban_codigo]' data-tipo-cuenta='$data[ban_tipo]' data-numero-cuenta='$data[ban_numero_cuenta]' data-codigo-cuenta-contable='$data[ban_cod_cuenta_contable]' >$data[ban_codigo] | $data[ban_nombre] | Cta. $data[ban_tipo] | #$data[ban_numero_cuenta] </option>";
}
 ?>         </select>
                        </div>
                        </div>
                       <div class="rowContainer">
                        <label class="col-xs-2 control-label">#Transacci&oacute;n</label>
                        <div class="col-xs-2">
                            <input data-fv-row=".rowContainer" value=""  type="text" class="form-control input-sm" name="num_transaccion" id="num_transaccion" />
                        </div>
                        </div>
                    <div class="rowContainer">    
                        <label class="col-xs-2 control-label">Valor</label>
                        <div class="col-xs-2">
                            <input onkeyup="document.getElementById('debe_1').value = this.value;document.getElementById('haber_1').value = '$ 0.00';document.getElementById('haber_1').disabled = true;" data-fv-row=".rowContainer"   type="text"    class="form-control input-sm" name="valor" id="valor" />
                        </div>
                         
                    </div>
                         
                    </div>
                   
                    
                   
                    
                     <!-- INPUT NUMERO DE TRANSACCION -->
                  
                   
                   
                      <!-- INPUT NOMBRE CLIENTE Y CODIGO CLIENTE -->
                   <div class="form-group box_banco" >
                   <div class="rowContainer">  
                        <label class="col-xs-1 control-label">Cliente</label>
                        <div class="col-xs-3">
                                     <select data-fv-row=".rowContainer" name="nombre_cliente" id="nombre_cliente" class="selectpicker form-control input-sm" data-live-search="true" data-width="200px">
                        <option value=" " >Seleccione una Opci&oacute;n</option>
<?php
/** LLENA EL SELECT CON DATOS DE LA TABLA PLAN DE CUENTAS */ 
$query2 = "select * from cliente";
$result2 = $link->query($query2);
echo 'ok php';
while($data=$result2->fetch_assoc())
{
    
        echo"<option value='$data[id]' data-id='$data[id]' data-cedula='$data[cedula]' data-ruc='$data[ruc]'>$data[id] | $data[nombre]</option>";
   
}
 ?>           </select>
                        </div>
                        </div>
                        
                    </div>
                  
                    
              <!-- INPUT DESCRIPCION-->
                   <div class="form-group box_banco" style="margin-bottom: 4px;">
                       <label class="col-xs-1 control-label" style="margin-left:16px">Descripci&oacute;n</label>
                        <div class="col-xs-10">
                            <input onkeyup="document.getElementById('descripcion_1').value = this.value;" value=""  type="text" class="form-control input-sm" name="dep_descripcion" id="dep_descripcion" />
                        </div>
                         
                    </div>
                    
                    
               <button style="padding: 2px;" type="button" class="btn btn-success" id="addRow" name="addRow" value="Agregar Fila"> <i class='icon-plus icon-white'></i></button>
                
              <button style="padding: 2px;" type="button"  class="btn btn btn-danger " id="test" name="test" value="Borrar"> <i class='icon-trash icon-white'></i></button>

                       
              <!-- TABLA LIBRO DIARIO-->                 
                    <table id="banco_diario" class="display table" cellspacing="0" width="100%">
        <thead>
            <tr>
             <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">-</th>
               
                <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">Cod Cta</th>
                <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">Nombre Cta</th>
                <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">Descripci&oacute;n</th>
                <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">Debe</th>
                <th style="font-size: 14px;padding-top:0px;padding-bottom: 0px;text-align:center;">Haber</th>
            </tr>
        </thead>
        <tfoot>
 <tr>
 <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
 <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
   <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
   <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;text-align:right;">Total</th>
   <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;text-align:center;"><label id="totaldebe"></label></th>
   <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;text-align:center;"><label id="totalhaber"></label></th>
 </tr>
  <tr>
  <th style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
 <th  style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
   <th  style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"></th>
   <th  style="font-size: 15px;padding-top:0px;padding-bottom: 0px;text-align:right">Diferencia</th>
   <th colspan="2"  style="font-size: 15px;padding-top:0px;padding-bottom: 0px;"><label id="diferencia" style="color: black;">
   </label>
   <div class="form-group box_banco">
   <input id="input_diferencia" name="input_diferencia" type="hidden" />
  </div>
   </th>
   
 </tr>
</tfoot>
        <tbody id="diario_body">
        
       
            
            <!-- FILA N DE LA TABLA DE LIBRO DIARIO-->
       
       <?php for($i=1;$i<=40;$i++){ 
        if($i>6)
        $texto="style='display: none;'";
        else
        $texto='';
        
        ?>
        <tr id="row_<?php echo$i; ?>" <?php echo $texto; ?>>
         <td >
         <div class="form-group box_banco" >
                   <div class="rowContainer">  
                        
                        <div class="col-xs-4">
                                     <select  data-fv-row=".rowContainer" name="nombre_cuenta_<?php echo $i;?>" id="nombre_cuenta_<?php echo $i;?>" class="selectpicker form-control input-sm" data-size="4" data-style="btn-info" data-live-search="true" data-width="5px">
                        <option value="">-</option>
<?php

 echo $string_plandecuentas;
 ?>           </select>
                        </div>
                        
                    </div></div>
         </td>
         <td >
                     <input style="width: 100%;" readonly="" value=""  type="text" class="form-control input-sm" name="codigo_cta_contable_<?php echo $i;?>" id="codigo_cta_contable_<?php echo $i;?>" /></td>
                        
                     <td style="  padding-left: 1px;padding-right:1px;"><input style="width: 100%;" readonly="" value=""  type="text" class="form-control input-sm" name="cod_cta_contable_<?php echo $i;?>" id="cod_cta_contable_<?php echo $i;?>" /></td>
               
                <td style="  padding-left: 1px;padding-right:1px; "><div class="form-group box_banco" style="margin-bottom: 0px;width:100%;margin-left: 0px;margin-right:0px;">
                        
                        
                            <input style="width: 100%;" value=""  type="text" class="form-control input-sm" name="descripcion_<?php echo $i;?>" id="descripcion_<?php echo $i;?>" />
                       
                         
                    </div></td>
                <td style="  padding-left: 1px;padding-right:1px;"><div class="form-group box_banco" style="margin-bottom: 0px;width:100%;margin-left: 0px;margin-right:0px;">
                        
                     
                            <input style="width: 100%;" onchange='totalsuma(this)' onkeyup="disableFieldHaber(this)" value=""  type="text" class="form-control input-sm debe" name="debe_<?php echo $i;?>" id="debe_<?php echo $i;?>" />
   <input type="hidden" name="hidden_debe_<?php echo $i;?>" id="hidden_debe_<?php echo $i;?>" />                    
                         
                    </div></td>
                <td style="  padding-left: 1px;padding-right:1px;"><div class="form-group box_banco" style="margin-bottom: 0px;width:100%;margin-left: 0px;margin-right:0px;">
                        
                        
                            <input style="width: 100%;" onchange='totalsuma()' onkeyup="disableFieldDebe(this)" value="" type="text" class="form-control input-sm" name="haber_<?php echo $i;?>" id="haber_<?php echo $i;?>" />
            <input type="hidden" name="hidden_haber_<?php echo $i;?>" id="hidden_haber_<?php echo $i;?>" />             
                         
                    </div></td>
            </tr>    
          <?php }?>
              
           
           
            </tbody>
            </table>
             
  
                  
                    <!-- MODAL FOOTER-->
                    <div class="modal-footer" style="margin-top: 10px;">
                     <div class="form-group">
                        <div class="col-xs-5 col-xs-offset-3">
                            <input type="submit" class="btn btn btn-primary" id="btn_agregar_nuevo" name="btn_agregar_nuevo" value="Guardar" />
                            <button type="button" class="btn btn-default" data-dismiss="modal" id="btn_cancelar">Cancelar</button>
                        <!--       <input type="text"  id="btn_prueba" name="btn_prueba" value="Prueba" /> -->
                           
                        </div>
                    </div>
                    </div>
           
        
               </form>








                     <div class="form-group" id="estado_transaccion" style="display: none;text-align:center">
                      
                          <button type="button" class="btn btn-primary" data-dismiss="modal"  >OK</button>
                        
                    
                    </div>
                    

</section>
</body>
</html>
<script type="text/javascript">
	
 
		$('#btn_prueba').on('click',function(){
		  var VisibleRows = $('#banco_diario tbody tr:visible').length;
          var i=1;
         var cont_lleno=0;
         var array_escritos = [];
         var string_escritos='';
          for(i=1;i<=VisibleRows;i++)
          {
            if ($("#nombre_cuenta_"+i).val().length > 0 && $("#codigo_cta_contable_"+i).val().length > 0 && $("#cod_cta_contable_"+i).val().length > 0&& $("#descripcion_"+i).val().length > 0 && $("#debe_"+i).val().length > 0 && $("#haber_"+i).val().length > 0)
             {
                
                cont_lleno++;
                array_escritos.push(i);
            
                }
            
          }
    
$("#filas_diario").val(array_escritos);
          length=array_escritos.length;
          
          alert(VisibleRows);
           alert(cont_lleno);
           alert(array_escritos);
           alert(length);
           
        for(var k=0;k<length;k++){
           var num1 = $('#debe_'+array_escritos[k]).maskMoney('unmasked')[0]; alert('type: '+ typeof(num1) + ', value: ' + num1);
           $('#hidden_debe_'+array_escritos[k]).val(num1);
           var num2 = $('#haber_'+array_escritos[k]).maskMoney('unmasked')[0]; alert('type: '+ typeof(num2) + ', value: ' + num2);
           $('#hidden_haber_'+array_escritos[k]).val(num2);
        }
		});
		</script>

<script type="text/javascript">
$(function() {
    $("#valor").maskMoney({prefix:'$ ', allowNegative: true, thousands:',', decimal:'.', affixesStay: true});
    
    
    var arr = [ "debe_1", "debe_2", "debe_3", "debe_4", "debe_5","debe_6","debe_7",
       "debe_8","debe_9","debe_10","debe_11","debe_12","debe_13","debe_14","debe_15",
       "debe_16","debe_17","debe_18","debe_19","debe_20","debe_21","debe_22","debe_23"
       ,"debe_24","debe_25","debe_26","debe_27","debe_28","debe_29","debe_30","debe_31"
       ,"debe_32","debe_33","debe_34","debe_35","debe_36","debe_37","debe_38","debe_39"
       ,"debe_40","haber_1", "haber_2", "haber_3", "haber_4", "haber_5","haber_6","haber_7",
       "haber_8","haber_9","haber_10","haber_11","haber_12","haber_13","haber_14","haber_15",
       "haber_16","haber_17","haber_18","haber_19","haber_20","haber_21","haber_22","haber_23"
       ,"haber_24","haber_25","haber_26","haber_27","haber_28","haber_29","haber_30","haber_31"
       ,"haber_32","haber_33","haber_34","haber_35","haber_36","haber_37","haber_38","haber_39"
       ,"haber_40"];
      jQuery.each( arr, function( i, val ) {
$("#"+val).maskMoney({prefix:'$ ', allowNegative: true, thousands:',', decimal:'.', affixesStay: true});
  // Will stop running after "nombre_cuenta_40"
  return ( val !== "nombre_cuenta_40" );
});
   
  /*  
     $('#NuevoDeposito').on('show.bs.modal', function () {
$('.modal-content').css('height',$( window ).height()*0.8);
});*/
    
   
    
     $('#nombre_banco').on('change', function(){
          selectedOption = $('option:selected', this);
     
            $('input[name=codigo_cuenta_contable]').val( selectedOption.data('codigo-cuenta-contable') );
            $('input[name=codigo_banco]').val(selectedOption.data('codigo-banco') );
            $('input[name=numero_cuenta]').val( selectedOption.data('numero-cuenta') );
            $('input[name=tipo_cuenta]').val( selectedOption.data('tipo-cuenta') );
            
            
            if(selectedOption=='')
                 $('input[name=codigo_banco]').val('');
     });
     
     
     $('#nombre_cliente').on('change', function(){
          selectedOption = $('option:selected', this);
     
          
            $('input[name=codigo_cliente]').val(selectedOption.data('id') );
            
            
            if(selectedOption=='')
                 $('input[name=codigo_cliente]').val('');
     });
     
      /***********CREAR FUNCIOIN PARA MEJORAR ESTA PARTE***************************************************************/
    
      var arr = [ "nombre_cuenta_1", "nombre_cuenta_2", "nombre_cuenta_3", "nombre_cuenta_4", "nombre_cuenta_5","nombre_cuenta_6","nombre_cuenta_7",
       "nombre_cuenta_8","nombre_cuenta_9","nombre_cuenta_10","nombre_cuenta_11","nombre_cuenta_12","nombre_cuenta_13","nombre_cuenta_14","nombre_cuenta_15",
       "nombre_cuenta_16","nombre_cuenta_17","nombre_cuenta_18","nombre_cuenta_19","nombre_cuenta_20","nombre_cuenta_21","nombre_cuenta_22","nombre_cuenta_23"
       ,"nombre_cuenta_24","nombre_cuenta_25","nombre_cuenta_26","nombre_cuenta_27","nombre_cuenta_28","nombre_cuenta_29","nombre_cuenta_30","nombre_cuenta_31"
       ,"nombre_cuenta_32","nombre_cuenta_33","nombre_cuenta_34","nombre_cuenta_35","nombre_cuenta_36","nombre_cuenta_37","nombre_cuenta_38","nombre_cuenta_39"
       ,"nombre_cuenta_40"];
      jQuery.each( arr, function( i, val ) {

$("#"+val).on('change', function(){
    /*alert(val);
     alert(i);*/
          selectedOption = $('option:selected', this);
     j=i+1;
          
            $('input[name=cod_cta_contable_'+j+']').val(selectedOption.data('nombre') );
             $('input[name=codigo_cta_contable_'+j+']').val(selectedOption.data('codigo-cuenta-contable') );
             var descripcion=$('input[name=dep_descripcion]').val();
             $('input[name=descripcion_'+j+']').val(descripcion);
            
            if(selectedOption==''){
                 $('input[name=cod_cta_contable_'+j+']').val('');
                 $('input[name=codigo_cta_contable_'+j+']').val('');
                    $('input[name=descripcion_'+j+']').val('');
            }
     });
 
  // Will stop running after "nombre_cuenta_40"
  return ( val !== "nombre_cuenta_40" );
});
      
   
     /**************************************************************************/
     
     $('#editar_nombre_banco').on('change', function(){
          selectedOption = $('option:selected', this);
              $('input[name=editar_cod_cuenta_contable]').val( selectedOption.data('codigo-cuenta-contable') );
            
           
     });
     

});
</script> 

<script>
/** VALIDA EL FORMULARIO*/
$(document).ready(function() {
    $('#NuevoDeposito')
    
  
    
    .formValidation({
        framework: 'bootstrap',
         excluded: ':disabled',
        icon: {
          /*  valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',*/
            validating: 'glyphicon glyphicon-refresh'
        },
       
        fields: {
             fecha: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese la Fecha'
                    }
                }
            },
            nombre_banco: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese el Nombre del Banco'
                    }
                }
            },
             num_transaccion: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese el # de Transacci&oacute;n'
                    }
                }
            },
            nombre_cliente: {
                validators: {
                    notEmpty: {
                        message: 'Ingrese el Nombre del Cliente'
                    }
                }
            },
              dep_descripcion: {
                validators: {
                    notEmpty: {
                        
                        message: 'Ingrese la Descripci&oacute;n'
                    }
                }
            }
        }
    })
    .on('change', 'input[name="fecha"]', function(e) {
          
           
           $('#NuevoDeposito').formValidation('revalidateField', 'fecha');
        })
        
         .on('change', 'input[id="descripcion"],input[id="descripcion_1"]', function(e) {
          
           
           $('#NuevoDeposito').formValidation('revalidateField', 'descripcion_1');
        })
        .on('click', 'input[id="descripcion"],input[id="descripcion_1"]', function(e) {
          
           
           $('#NuevoDeposito').formValidation('revalidateField', 'descripcion_1');
        })
        
    
        .on('success.form.fv', function(e) {
            // Save the form data via an Ajax request
            e.preventDefault();


/** PARA VER CUANTAS FILAS HAN SIDO ESCRITAS Y APLICAR EL UNMASK*/
	  var VisibleRows = $('#banco_diario tbody tr:visible').length;
          var i=1;
         var cont_lleno=0;
         var array_escritos = [];
         var string_escritos='';
          for(i=1;i<=VisibleRows;i++)
          {
            if ($("#nombre_cuenta_"+i).val().length > 0 && $("#codigo_cta_contable_"+i).val().length > 0 && $("#cod_cta_contable_"+i).val().length > 0&& $("#descripcion_"+i).val().length > 0 && $("#debe_"+i).val().length > 0 && $("#haber_"+i).val().length > 0)
             {
                
                cont_lleno++;
                array_escritos.push(i);
            
                }
            
          }
    

          length=array_escritos.length;
          
         /* alert(VisibleRows);
           alert(cont_lleno);
           alert(array_escritos);
           alert(length);*/
      $("#filas_diario").val(length);     
        for(var k=1;k<=length;k++){
           var num1 = $('#debe_'+k).maskMoney('unmasked')[0]; 
           $('#hidden_debe_'+k).val(num1);
           var num2 = $('#haber_'+k).maskMoney('unmasked')[0]; 
           $('#hidden_haber_'+k).val(num2);
        }

            // The url and method might be different in your application
            $.ajax({
                url: 'procesar_bancos.php',
                method: 'POST',
                data:  $('#NuevoDeposito').serialize()
            }).success(function(data) {
                console.log(data);
                
                // Hide the dialog
                
               
$(".modal-dialog").addClass('hide');
// Show the dialog
            bootbox
                .dialog({
                    title: 'Dep&oacute;sito Ingresado exitosamente!',
                    message: $('#estado_transaccion'),
                    show: false // We will show it manually later
                })
                .on('shown.bs.modal', function() {
                    $('#estado_transaccion')
                        .show()                             // Show the login form
                        //.formValidation('resetForm'); // Reset form
                })
                .on('hide.bs.modal', function(e) {
                    // Bootbox will remove the modal (including the body which contains the login form)
                    // after hiding the modal
                    // Therefor, we need to backup the form
                   $('#estado_transaccion').hide().appendTo('body');
                    location.reload();
                })
                .modal('show');

                 
            })
        });
        
        /** */
        $('#modal_agregar').on('click', function() {
        // Get the record's ID via attribute
       // var id = $(this).attr('data-id');

       
            // Show the dialog
            bootbox
                .dialog({
                    title: 'Ingresar Dep&oacute;sito',
                    message: $('#NuevoDeposito'),
                    show: false // We will show it manually later
                })
                .on('shown.bs.modal', function() {
                  /*  $('.modal-content').css('height',$( window ).height()*0.4);
                        $('.modal-dialog').css('height',$( window ).height()*0.4);*/
                    $('#NuevoDeposito')
                        .show()                             // Show the login form
                        .formValidation('resetForm'); // Reset form
                        
                })
                .on('hide.bs.modal', function(e) {
                    // Bootbox will remove the modal (including the body which contains the login form)
                    // after hiding the modal
                    // Therefor, we need to backup the form
                   $('#NuevoDeposito').hide().appendTo('body');
                   // location.reload();
                })
                .modal('show');
        });
        
        
        
        
        
        $('.btn_update').on('click', function() {

        });
   // });
        
        
});
</script>
<script>
/** DATATABLE SCRIPT*/
$(document).ready(function() {
    var table=$('#example').dataTable({
      //  "scrollY":        "70%",
        "scrollCollapse": true,
        "paging":         true,
        "oLanguage": {
			"sLengthMenu": "_MENU_ registros por pagina",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":  "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _TOTAL_ registros)",
            "sSearch":         "Buscar:",
            "oPaginate": {
        
        "sNext":     "Siguiente",
        "sPrevious": "Anterior"
    }
			}
        
    });
    /** PARA MOSTRAR LA IMPRESION DE LA TABLA DEPOSITOS EN EXCEL, PDF, ETC*/
    var tt = new $.fn.dataTable.TableTools( table );
 
    $( tt.fnContainer() ).insertBefore('#example_wrapper');
    
   var t = $('#banco_diario').DataTable({
        
        "scrollCollapse": true,
        "paging":         false,
        "bSort" : false,
        "oLanguage": {
			"sLengthMenu": "_MENU_ registros por pagina",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":  "Mostrando registros del 0 al 0 de un total de 0 registros",
"sInfoFiltered": "(filtrado de un total de _TOTAL_ registros)",
            "sSearch":         "Buscar:",
            "oPaginate": {
        
        "sNext":     "Siguiente",
        "sPrevious": "Anterior"
    }
			},
            "bAutoWidth": false, // Disable the auto width calculation
              "columns": [
     { "width": "2%" },
    { "width": "12%" },
    { "width": "18%" },
      { "width": "42%" },
        { "width": "13%" },
          { "width": "13%" }
  ],
  
        
    });
    
   
    
    counter=6;
     $('#test').hide();
    /** Agrega una fila nueva en la tabla bancos_diario*/
     $('#addRow').on( 'click', function () {
           ++counter;
      // alert(counter);
       $('#row_'+counter).show();
       if(counter>=40){
        $('#addRow').hide();
    
        }
        else
        $('#addRow').show();
        
        if(counter<=6)
    $('#test').hide();
    else
    $('#test').show();
    
    
       
        
    } );
/** Elimina una fila nueva en la tabla bancos_diario*/
      $('#test').click( function () {
        
   
   var rowCount = $('#banco_diario tbody tr').length;
  var numOfVisibleRows = $('#banco_diario tbody tr:visible').length;
 
 
 /** Esconde la fila y resetea sus campos*/
  $('#row_'+counter).hide();
  $('input[name=nombre_banco_'+counter+']').val('');
  $('input[name=cod_cta_contable_'+counter+']').val('');
  $('input[name=codigo_cta_contable_'+counter+']').val('');
  $('input[name=nombre_banco_'+counter+']').val('');
  $('input[name=descripcion_'+counter+']').val('');
  $('input[name=debe_'+counter+']').val('');
  $('input[name=haber_'+counter+']').val('');
  $('input[name=debe_'+counter+']').prop('disabled', false);
$('input[name=haber_'+counter+']').prop('disabled', false);
            
   counter--;

   if(counter<=6)
    $('#test').hide();
    else
    $('#test').show();
    if(counter>=40)
    {
        $('#addRow').hide();
     }
        else
        $('#addRow').show();
  
   
   totalsuma();
    
    } );
    
  
    
   
});
</script>
<script>
/** El datepicker lo escribe en idioma español*/
 $.datepicker.regional['es'] = {
 closeText: 'Cerrar',
 prevText: '<Ant',
 nextText: 'Sig>',
 currentText: 'Hoy',
 monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
 monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
 dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Ssbado'],
 dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sab'],
 dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sa'],
 weekHeader: 'Sm',
 dateFormat: 'dd/mm/yy',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: false,
 yearSuffix: ''
 };
 $.datepicker.setDefaults($.datepicker.regional['es']);
$(function () {
$("#fecha").datepicker();
});
</script>

<script>

/** DESHABILITA EL DEBE O EL HABER RESPECTIVAMENTE*/
var disableFieldHaber = function (ee) {
 // var state = ee.value.length > 0;
  var state = ee.value !=  "$ 0.00";
  var x=ee.id;
 // alert(x);
  var res = x.split("_");
  var num=res[1];
  //alert(num);
  document.getElementById("haber_"+num).value="$ 0.00";
  document.getElementById("haber_"+num).disabled = state;
  
    
                
};


var disableFieldDebe = function (ee) {
  //var state = ee.value.length > 0;
  var state = ee.value !=  "$ 0.00";
  var x=ee.id;
//  alert(x);
  var res = x.split("_");
  var num=res[1];
  //alert(num);
  document.getElementById("debe_"+num).value="$ 0.00";
  document.getElementById("debe_"+num).disabled = state;
};


</script>

<script>
/** SUMA EL DEBE Y EL HABER Y MUESTRA LA DIFERENCIA */
function totalsuma(campo)
{
                
    
    var array_debe=[];
    var arr = [ "debe_1", "debe_2", "debe_3", "debe_4", "debe_5","debe_6","debe_7",
       "debe_8","debe_9","debe_10","debe_11","debe_12","debe_13","debe_14","debe_15",
       "debe_16","debe_17","debe_18","debe_19","debe_20","debe_21","debe_22","debe_23"
       ,"debe_24","debe_25","debe_26","debe_27","debe_28","debe_29","debe_30","debe_31"
       ,"debe_32","debe_33","debe_34","debe_35","debe_36","debe_37","debe_38","debe_39"
       ,"debe_40"];
      jQuery.each( arr, function( i, val ) {
         array_debe[i] = $('#'+val).maskMoney('unmasked')[0];
        return ( val !== "debe_40" );
    });
        
       var array_haber=[];
    var arr = [ "haber_1", "haber_2", "haber_3", "haber_4", "haber_5","haber_6","haber_7",
       "haber_8","haber_9","haber_10","haber_11","haber_12","haber_13","haber_14","haber_15",
       "haber_16","haber_17","haber_18","haber_19","haber_20","haber_21","haber_22","haber_23"
       ,"haber_24","haber_25","haber_26","haber_27","haber_28","haber_29","haber_30","haber_31"
       ,"haber_32","haber_33","haber_34","haber_35","haber_36","haber_37","haber_38","haber_39"
       ,"haber_40"];
      jQuery.each( arr, function( i, val ) {
         array_haber[i] = $('#'+val).maskMoney('unmasked')[0];
        return ( val !== "haber_40" );
    });   
        
        
    /*alert(array_debe);
    alert(array_haber);*/
    var newTotaldebe=0;
      for(var i=0;i<40;i++)
         newTotaldebe+=array_debe[i];
         
         var debe_redondeado=new Number(newTotaldebe+'').toFixed(parseInt(2));
        $("#totaldebe").empty();
        $("#totaldebe").text(debe_redondeado);
        
        
         var newTotalhaber=0;
      for(var i=0;i<40;i++)
         newTotalhaber+=array_haber[i]; 
          var haber_redondeado=new Number(newTotalhaber+'').toFixed(parseInt(2));
         $("#totalhaber").empty();
        $("#totalhaber").text(haber_redondeado);
        
        
        
        
        var totdeb= $('#totaldebe').text();
        var tothab= $('#totalhaber').text();
        var dif=parseFloat(totdeb)-parseFloat(tothab);
         var dif_redondeado=new Number(dif+'').toFixed(parseInt(2));
        $("#diferencia").empty();
        $("#diferencia").text(dif_redondeado);
        $("#input_diferencia").val(dif_redondeado);
       var d=document.getElementById("diferencia");
         if(dif==0){
            d.style.color = "black";
            document.getElementById("btn_agregar_nuevo").disabled = false;
            }
        if(dif>0){
            d.style.color = "green";
             $("#diferencia").text('+'+dif_redondeado);
             document.getElementById("btn_agregar_nuevo").disabled = true;
            }
        if(dif<0){
            d.style.color = "red";
            document.getElementById("btn_agregar_nuevo").disabled = true;
        }
}
    
    
     
</script>
<script>
$(document).on('click', '.modal-backdrop', function (event) {
    bootbox.hideAll()
});
</script>
<script>
/***** DA CONFLICTOS CON EL BOOTSTRAP SELECT***/
   /* (function($){
        $(window).load(function(){
            
            $("#NuevoDeposito").mCustomScrollbar({
    theme:"dark"
});
        });
    })(jQuery);
    */
   /* $("NuevoDeposito").on( "shown", function () {
                $("#NuevoDeposito").mCustomScrollbar({
                      theme:"dark"
                });
            });*/
            
            
            function unmaskdebe(campo){
                
                 var num1 = $(campo).maskMoney('unmasked')[0]; alert('type: '+ typeof(num1) + ', value: ' + num1);
                
                
            }
</script>